<template>
	<view>
		<view class="map">
			<view class="page-body" style="height: 800rpx;">
				<view class="page-section page-section-gap">
					<map style="width: 100vw; height: 850rpx;" :latitude="latitude" :longitude="longitude"
						:markers="covers">
					</map>
				</view>
			</view>
		</view>
		<view class="info">
			<text>伟业汽车保养厂(人民路店)</text>
			<text>山阳区人民中路32号</text>
			<navigator>
				<image src="../../static/image/导航按键.jpg"></image>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 0, // 使用 marker点击事件 需要填写id
				title: 'map',
				latitude: 39.909,
				longitude: 116.39742,
				covers: [{
					latitude: 39.909,
					longitude: 116.39742,
					iconPath: '../../../static/location.png'
				}, {
					latitude: 39.90,
					longitude: 116.39,
					iconPath: '../../../static/location.png'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.info {
		padding: 35rpx;
		background-color: #FFFDFF;
		height: 300rpx;
		padding-top: 100rpx;

	}

	.info>text {
		display: inline-block;
		padding: 10rpx;

	}

	.info>text:nth-child(1) {
		font-weight: bold;
		font-size: 35rpx;
	}

	.info>navigator {
		padding: 5rpx;
		margin-top: -50rpx;
		display: inline;
		float: right;
	}

	.info>navigator>image {
		height: 100rpx;
		width: 90rpx;
	}
</style>